import axios from 'axios'
import type { Method } from 'axios'
import { ElMessage } from 'element-plus'
import { useUserInfoStore } from '@/stores/userInfo'
import type { reqBody } from '@/api/types'

const instance = axios.create({
  baseURL: import.meta.env.VITE_API_URL,
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const userInfo = useUserInfoStore()
    if (userInfo.token) {
      config.headers!.token = userInfo.token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    const data = response.data
    if (data.code !== 200 && data.code !== 20000) {
      if (data.code === 20001) {
        ElMessage.closeAll()
        ElMessage({
          type: 'error',
          message: 'token 过期, 请重新登录！',
          duration: 3000
        })
        //退出登录并跳转
        const userInfoStore = useUserInfoStore()
        userInfoStore.reset()
        userInfoStore.userInfo.name && location.reload()
      } else {
        ElMessage({
          type: 'error',
          message: data.message || 'error',
          duration: 3000
        })
      }
      return Promise.reject(data.message)
    } else {
      return data
    }
  },
  function (error) {
    ElMessage({
      type: 'error',
      message: '网络异常，请求失败',
      duration: 3000
    })
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

function http<T>(url: string, method: Method, data?: unknown): Promise<reqBody<T>> {
  const newMethod = method.toUpperCase()
  return instance.request({
    url,
    method: newMethod,
    data: newMethod === 'POST' || newMethod === 'PUT' || newMethod === 'DELETE' ? data : {},
    params: newMethod === 'GET' ? data : {}
  })
}

export { instance, http }
